//设置常见的屏幕尺寸，修改里面的html文字大小

//我们此次定义的划分的分数为 30

html{
    font-size: 25px;
}

@no : 30;
//320
@media screen and (min-width: 320px){
     html{
        font-size: (320px / @no);  //这里需要给320加一个单位
     }
}

@media screen and (min-width:360px){
     html{
        font-size: (360px / @no);
     }
}

@media screen and (min-width:384px){
     html{
        font-size: (384px / @no);
     }
}

@media screen and (min-width:400px){
    html{
       font-size: (400px / @no);
    }
}

@media screen and (min-width:414px){
    html{
       font-size: (414px / @no);
    }
}

@media screen and (min-width:424px){
    html{
       font-size: (424px / @no);
    }
}

@media screen and (min-width:480px){
    html{
       font-size: (480px / @no);
    }
}

@media screen and (min-width:540px){
    html{
       font-size: (540px / @no);
    }
}


@media screen and (min-width:720px){
    html{
       font-size: (720px / @no);
    }
}

@media screen and (min-width:750px){
    html{
       font-size: (750px / @no);
    }
}